#alexa {
  width:250px;
  padding:10px;
  margin:0 auto 30px;
  text-align:center;
  background-color:#333;
  -webkit-box-shadow:inset 0 1px 5px black;
  -moz-box-shadow:inset 0 1px 5px black;
  box-shadow:inset 0 1px 5px black;
  border:2px solid #ccc;
}
.widget-alexa {
  width:120px;
  padding:3px 3px 0 3px;
  margin:20px auto 0;
  text-align:center;
  background-color:#5d73b5;
  border:1px solid #cccccc;
  -moz-box-shadow:0 0 5px #000000;
  -webkit-box-shadow:0 0 5px #000000;
  box-shadow:0 0 5px #000000;
}
.awal {
  float:left;
  color:#333333;
  line-height:40px;
  padding-right:5px;
  font-family:times;
  font-weight:bold;
  font-size:60px;
}

.sidebar ul {
  list-style:none;
  border-top:1px solid #222;
  border-bottom:1px solid #444;
  margin:0 0 1.25em;
  padding:0;
}
.sidebar ul li {
  border-top:1px solid #444;
  border-bottom:1px solid #222;
  margin:0;
  padding:3px 10px;
}
.sidebar p {margin:0 0 .6em;}
.sidebar a {
  color:#999;
  text-decoration:none;
  text-shadow:0 1px 0 black;
}
.sidebar a:visited {color:#666;}
.sidebar a:hover,.sidebar a:visited:hover,.sidebar a:focus,.sidebar a:visited:focus {
  color:white;
  text-decoration:none;
}

#sidebar-wrapper {
  width:28.8%;
  float:right;
  margin:0 1% 10px 0;
  padding:0;
  background-color:#333;
  border:4px solid #ddd;
  font-size:90%;
  color:#666;
  position:relative;
  right:-2px;
  -webkit-box-shadow:inset 0 0 5px black;
  -moz-box-shadow:inset 0 0 5px black;
  box-shadow:inset 0 0 5px black;
  overflow:hidden;
  word-wrap:break-word;
}
#sidebar-wrapper .widget,#sidebar-hidden .widget,#category .widget {margin:0;}
#sidebar-wrapper .widget-content,#sidebar-hidden .widget-content,#category .widget-content {
  margin:0;
  padding:10px;
}
#tab-hidden {
  width:90%;
  margin:1em auto;
  padding:1em;
  text-align:left;
  border:3px double #3c3c3c;
  position:relative;
  -webkit-box-shadow:0 0 2px rgba(0,0,0,.6);
  -moz-box-shadow:0 0 2px rgba(0,0,0,.6);
  box-shadow:0 0 2px rgba(0,0,0,.6);
  display:none;
}
#sidebar-hidden {
  background-color:#333;
  border:4px solid #ddd;
  font-size:90%;
  color:#666;
  -webkit-box-shadow:inset 0 0 5px black;
  -moz-box-shadow:inset 0 0 5px black;
  box-shadow:inset 0 0 5px black;
  overflow:hidden;
  word-wrap:break-word;
}
#sidebar-hidden h2,#category h2 {
  cursor:pointer;
  margin:0;
  padding:0 .8em;
  background-color:#333;
  background-image:-webkit-linear-gradient(#333,#3c3c3c);
  background-image:-moz-linear-gradient(#333,#3c3c3c);
  background-image:-ms-linear-gradient(#333,#3c3c3c);
  background-image:-o-linear-gradient(#333,#3c3c3c);
  background-image:linear-gradient(#333,#3c3c3c);
  border-top:1px solid #444;
  border-bottom:1px solid #222;
  font-weight:bold;
  font-size:100%;
  line-height:30px;
  color:#bbb;
  text-shadow:0 1px 0 black;
  text-transform:uppercase;
  height:28px;
}
#sidebar-hidden h2.active,.no-js #sidebar-wrapper h2 {
  background-image:-webkit-linear-gradient(#3c3c3c,#333);
  background-image:-moz-linear-gradient(#3c3c3c,#333);
  background-image:-ms-linear-gradient(#3c3c3c,#333);
  background-image:-o-linear-gradient(#3c3c3c,#333);
  background-image:linear-gradient(#3c3c3c,#333);
  -webkit-box-shadow:0 1px 3px black;
  -moz-box-shadow:0 1px 3px black;
  box-shadow:0 1px 3px black;
  border-color:#555 transparent #222;
}
#category {
  width:210px;
  padding:0 0 7px;
  position:absolute;
  top:10px;
  left:10px;
  display:none;
}
a.close-category,a.close-category:hover,a.close-category:focus {
  float:right;
  margin:5px 0 1px 0;
  color:white;
  font-family:Tahoma,Verdana,Arial,Sans-Serif;
  font-size:110%;
  line-height:100%;
  text-decoration:none;
}
a.close-category:hover,a.close-category:focus {color:#ccc;}
#friend {
  border-top:1px dotted #bbb;
  border-bottom:1px dotted #bbb;
  margin:.3em 0 25px;
  display:none;
}
#friend .content {margin:0 1.5%;}

.loader {background:transparent url('') no-repeat 50% 120px;}

#page-loader {
  position:fixed !important;
  position:absolute;
  top:0;
  right:0;
  bottom:0;
  left:0;
  width:100%;
  height:100%;
  background-color:#010101;
  z-index:9999;
  text-align:center;
  padding:70px 0 0;
  display:none;
}


#status {
  position:absolute;
  padding:7px 12px 7px 10px;
  text-align:right;
  top:77px;
  left:-4px;
  z-index:8;
  cursor:help;
  background-color:#DC4236;
  font-size:96%;
  color:white;
  text-shadow:0 -1px 0 rgba(0,0,0,.4);
  -webkit-box-shadow:0 1px 2px rgba(0,0,0,.4);
  -moz-box-shadow:0 1px 2px rgba(0,0,0,.4);
  box-shadow:0 1px 2px rgba(0,0,0,.4);
  -webkit-border-radius:0 5px 5px 0;
  -moz-border-radius:0 5px 5px 0;
  border-radius:0 5px 5px 0;
  -webkit-transition:top .5s ease-in-out;
  -moz-transition:top .5s ease-in-out;
  -ms-transition:top .5s ease-in-out;
  -o-transition:top .5s ease-in-out;
  transition:top .5s ease-in-out;
  overflow:hidden;
  display:none;
}
#status a {color:#ffa;}
#status strong {
  cursor:pointer;
  float:right;
  width:16px;
  height:16px;
  font-size:78%;
  line-height:16px;
  text-align:center;
  background-color:#8B271F;
  -webkit-border-radius:12px;
  -moz-border-radius:12px;
  border-radius:12px;
  -webkit-transition:all .5s ease-in-out;
  -moz-transition:all .5s ease-in-out;
  -ms-transition:all .5s ease-in-out;
  -o-transition:all .5s ease-in-out;
  transition:all .5s ease-in-out;
}
#status h2 {
  font-size:110%;
  background-image:-webkit-linear-gradient(left,rgba(0,0,0,.2),rgba(0,0,0,0));
  background-image:-moz-linear-gradient(left,rgba(0,0,0,.2),rgba(0,0,0,0));
  background-image:-ms-linear-gradient(left,rgba(0,0,0,.2),rgba(0,0,0,0));
  background-image:-o-linear-gradient(left,rgba(0,0,0,.2),rgba(0,0,0,0));
  background-image:linear-gradient(left,rgba(0,0,0,.2),rgba(0,0,0,0));
  margin:0 0 10px;
  padding:5px 10px;
}
#status .section {
  text-align:left;
  width:300px;
  height:300px;
  margin:0 10px 0;
  padding:0;
  position:relative;
  top:-12px;
  left:-10px;
  display:none;
}
#status .widget,#status .widget-content {
  margin:0;
  padding:0;
  width:auto;
}
#status:hover strong {
  -webkit-transform:rotate(-720deg);
  -moz-transform:rotate(-720deg);
  -ms-transform:rotate(-720deg);
  -o-transform:rotate(-720deg);
  transform:rotate(-720deg);
}
#gotop {
  cursor:pointer;
  width:30px;
  height:30px;
  position:fixed !important;
  position:absolute;
  bottom:-40px;
  right:-40px;
  z-index:999;
  text-indent:-9999px;
  border:1px solid #144F69;
  background-color:#067BAF;
  background-image:-webkit-radial-gradient(top,#2493C4,#086A95);
  background-image:-moz-radial-gradient(top,#2493C4,#086A95);
  background-image:-ms-radial-gradient(top,#2493C4,#086A95);
  background-image:-o-radial-gradient(top,#2493C4,#086A95);
  background-image:radial-gradient(top,#2493C4,#086A95);
  -webkit-box-shadow:inset 0 0 0 1px #2493C4,0 1px 3px black;
  -moz-box-shadow:inset 0 0 0 1px #2493C4,0 1px 3px black;
  box-shadow:inset 0 0 0 1px #2493C4,0 1px 3px black;
  -webkit-border-radius:10px 0 0 0;
  -moz-border-radius:10px 0 0 0;
  border-radius:10px 0 0 0;
  overflow:hidden;
}
#gotop:after {
  content:"";
  display:block;
  width:0;
  height:0;
  border-width:10px 4px;
  border-style:solid;
  border-color:transparent transparent #C3D1D7 transparent;
  position:absolute;
  top:0;
  left:11px;
}
#gotop:focus,#gobottom {outline:none;}
#gotop:hover:after {border-bottom-color:white;}
#gobottom:hover:after {border-top-color:white;}
#gotop:active,#gobottom {
  background-image:-webkit-linear-gradient(top,#144F69,#2493C4);
  background-image:-moz-linear-gradient(top,#144F69,#2493C4);
  background-image:-ms-linear-gradient(top,#144F69,#2493C4);
  background-image:-o-linear-gradient(top,#144F69,#2493C4);
  background-image:linear-gradient(top,#144F69,#2493C4);
}
#gobottom {
  cursor:pointer;
  width:30px;
  height:30px;
  position:fixed !important;
  position:absolute;
  top:26px;
  right:0;
  z-index:99;
  text-indent:-9999px;
  border:1px solid #144F69;
  background-color:#067BAF;
  background-image:-webkit-radial-gradient(top,#2493C4,#086A95);
  background-image:-moz-radial-gradient(top,#2493C4,#086A95);
  background-image:-ms-radial-gradient(top,#2493C4,#086A95);
  background-image:-o-radial-gradient(top,#2493C4,#086A95);
  background-image:radial-gradient(top,#2493C4,#086A95);
  -webkit-box-shadow:inset 1px 1px 1px 0 #2493C4,0 0 2px #444;
  -moz-box-shadow:inset 1px 1px 1px 0 #2493C4,0 0 2px #444;
  -ms-box-shadow:inset 1px 1px 1px 0 #2493C4,0 0 2px #444;
  -o-box-shadow:inset 1px 1px 1px 0 #2493C4,0 0 2px #444;
  box-shadow:inset 1px 1px 1px 0 #2493C4,0 0 2px #444;
  -webkit-border-radius:0 0 0 10px;
  -moz-border-radius:0 0 0 10px;
  border-radius:0 0 0 10px;
  overflow:hidden;
}
#gobottom:after {
  content:"";
  display:block;
  width:0;
  height:0;
  border-width:10px 4px;
  border-style:solid;
  border-color:#C3D1D7 transparent transparent transparent;
  position:absolute;
  top:10px;
  left:11px;
}

a.subscribe,a.subscribe:hover,a.subscribe:focus {
  font-size:80%;
  color:#eee;
  text-transform:uppercase;
  position:relative;
  top:-3px;
  background-color:#527915;
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
  border-radius:5px;
  margin:0 0 0 7px;
  padding:3px 10px;
  text-decoration:none;
}
.close-alexa,.close-alexa:hover,.close-alexa:focus {
  float:right;
  font-size:80%;
  color:#eee;
  text-transform:uppercase;
  position:relative;
  top:-3px;
  background-color:#0186CB;
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
  border-radius:5px;
  margin:0 -45px 0 7px;
  padding:3px 10px;
  text-decoration:none;
  visibility:hidden;
}
a.subscribe:active,.close-alexa:active {
  background-color:#999;
  color:white;
}
a.subscribe:hover,a.subscribe:focus {background-color:#DC4236;}
.close-alexa:hover,.close-alexa:focus {background-color:#527915;}

.color-box {
  display:inline-block;
  width:30px;
  height:30px;
  background-color:white;
  border:2px solid #222;
  border-color:rgba(0,0,0,.2);
  font:normal normal 0/0 a;
  color:transparent;
  text-shadow:none;
}
.color-box:hover,.color-box:focus {
  border-color:#333;
  border-color:rgba(0,0,0,.4);
}
.breadcrumb {
  position:fixed !important;
  position:absolute;
  z-index:99999;
  top:0;
  right:0;
  left:0;
  color:#ccc;
  height:15px;
  padding:15px 0 0 1%;
  border-bottom:1px solid #555;
  background-color:#0e0e0e;
  background-image:url(../image/pattern.png);
  background-repeat:repeat;
  -webkit-box-shadow:0 -1px 3px hsla(0,0%,0%,.9),0 2px 6px rgba(0,0,0,.9),inset 0 1px 0 hsla(0,0%,100%,.2);
  -moz-box-shadow:0 -1px 3px hsla(0,0%,0%,.9),0 2px 6px rgba(0,0,0,.9),inset 0 1px 0 hsla(0,0%,100%,.2);
  box-shadow:0 -1px 3px hsla(0,0%,0%,.9),0 2px 6px rgba(0,0,0,.9),inset 0 1px 0 hsla(0,0%,100%,.2);
}
.breadcrumb a,.breadcrumb a:visited,.breadcrumb a:hover,.breadcrumb a:focus,.breadcrumb a:active {
  color:white;
  text-decoration:none;
}
.breadcrumb a:hover,.breadcrumb a:focus {color:#ccc;}
.breadcrumb .kanan {
  position:absolute;
  top:15px;
  right:1%;
}


#related-posts {
  margin:.7em 3% 1em;
  display:none;
}
#related-posts h2 {
  margin:0 .3em .7em;
  padding:0;
}
#related-posts-border {
  color:#999;
  background-color:#333;
  -webkit-box-shadow:inset 0 0 7px black;
  -moz-box-shadow:inset 0 0 7px black;
  box-shadow:inset 0 0 7px black;
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
  border-radius:5px;
  padding:7px;
}
.related-posts-container {
  border:1px solid #3c3c3c;
  -webkit-box-shadow:inset 0 0 3px black;
  -moz-box-shadow:inset 0 0 3px black;
  box-shadow:inset 0 0 3px black;
  height:370px;
  overflow:auto;
  padding:1.8em;
}
.related-posts-container a {color:#5687b8;}
.related-posts-container a:hover,.related-posts-container a:focus {text-decoration:underline;}
.sidebar .related-posts-container ul {margin:.7em 0 2em;}
.sidebar {line-height:1.4;}
#about h2,.sidebar h2,.sidebar-box-left h2,.sidebar-box-right h2,#blog_list h2 {letter-spacing:0;}
.inline-ad {
  margin:-10px 14px 10px;
  background-color:#eee;
  border-top:4px solid #0186cb;
  padding:10px;
  position:relative;
  text-align:left;
  min-height:225px;
  clear:both;
}
.sidebar-box-left,.sidebar-box-right {
  width:47%;
  display:inline;
  color:#999;
  min-height:214px;
  background-color:#FCFCFC;
  -moz-box-shadow:0 0 48px #EAE9E1 inset,0 4px 6px rgba(0,0,0,0.1),0 1px 1px rgba(0,0,0,0.3);
  -webkit-box-shadow:0 0 48px #EAE9E1 inset,0 4px 6px rgba(0,0,0,0.1),0 1px 1px rgba(0,0,0,0.3);
  box-shadow:0 0 48px #EAE9E1 inset,0 4px 6px rgba(0,0,0,0.1),0 1px 1px rgba(0,0,0,0.3);
  border:1px solid #FFF;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  border-radius:5px;
  text-shadow:1px 1px 1px rgba(0,0,0,0.1);
  padding:3px;
}
.sidebar-box-left {
  float:left;
  margin:0 0 0 1%;
}
.sidebar-box-right {
  float:right;
  margin:0 1% 0 0;
}
.sidebar-box-left h2,.sidebar-box-right h2 {
  font-size:86%;
  font-weight:bold;
  line-height:26px;
  text-transform:uppercase;
  text-align:center;
  position:relative;
  z-index:4;
  color:#333;
  padding:2px 0 0;
  margin:0;
}
.rpthumb,.snippet-outer {
  margin:0;
  font-size:86%;
  font-weight:bold;
  line-height:normal;
  border:1px dashed #ccc;
  -moz-box-shadow:0 0 0 1px #FAFAFA;
  -webkit-box-shadow:0 0 0 1px #FAFAFA;
  box-shadow:0 0 0 1px #FAFAFA;
}
.rpthumb {padding:.5em .5em 0 .5em;}
.snippet-outer {padding:0 .5em .5em;}
.rpthumb li {
  height:39px;
  list-style:none;
  display:block;
  padding:7px 7px;
  margin:0 0 2px;
  overflow:hidden;
  text-align:left;
  background-color:#e5e5e5;
  border-bottom:1px dotted #ccc;
}
.rpthumb li a {display:block;}
.rpthumb img.rp-thumb {
  outline:none;
  border:2px solid black;
  background-color:#02406C;
  display:block;
  float:left;
  margin:0 10px 0 0;
  width:35px;
  height:35px;
}
.rpthumb span {
  font-size:84%;
  color:#666;
}
.snippet-outer ul {
  margin:7px 0 0;
  padding:0;
}
.snippet-outer li {
  list-style:none;
  margin:0 0 2px;
  background-color:#e5e5e5;
  padding:0 7px 0 7px;
  line-height:24px;
  height:24px;
  overflow:hidden;
  border-bottom:1px dotted #ccc;
}
.frame-preloader iframe {
  border:none;
  width:100%;
}
#quote-frame iframe,.sidebar-box iframe {
  display:block;
  overflow:hidden;
}
#updated-posts-container {
  height:169px;
  overflow:auto;
}
#ad-1 {
  text-align:center;
  border:1px solid #3c3c3c;
  -webkit-box-shadow:inset 0 0 3px black;
  -moz-box-shadow:inset 0 0 3px black;
  box-shadow:inset 0 0 3px black;
  margin:7px;
  padding:1.4em 1em 1em;
}
#ad-1 a img {
  width:125px;
  height:125px;
  border:none;
  background:none;
  -webkit-box-shadow:0 0 2px black;
  -moz-box-shadow:0 0 2px black;
  box-shadow:0 0 2px black;
  padding:4px;
}
#ad-1 a:hover img,#ad-1 a:focus img {background-color:#6788E8;}
#ad-2 {
  text-align:center;
  padding:0 0 20px;
}
#ad-2 iframe {margin:10px auto;}
.paypal-donate {margin:2em 0 0;}
#ad-banner-wrapper {
  text-align:left;
  margin:0 0 0 1.9%;
}
img.ad-banner {
  border:4px solid #2c2c2c;
  width:82.3%;
  margin:0 0 2px;
}
#ad-banner-wrapper a:focus img.ad-banner {border-color:#ff0;}
#ad-banner-wrapper .alexa-blog {
  float:right;
  margin:0 1.8% 0 0;
  display:none;
}
#ad-banner-wrapper .alexa-blog img {
  width:104px;
  height:87px;
  border:4px solid #2c2c2c;
  margin:0 0 2px;
}
#ad-bottom {
  width:auto;
  margin:50px 0 0;
  overflow:hidden;
}
#ad-bottom img {
  width:125px;
  height:125px;
  border:2px solid #666;
  float:left;
  margin:0 1em 0 0;
}
#ad-bottom strong {
  display:block;
  margin-bottom:5px;
}
#ad-bottom .container {
  border-top:5px solid #0186CB;
  background-color:#eee;
  width:44.8%;
  overflow:hidden;
  padding:2% 2% 1018px 2%;
  margin:0 0 -1000px 0;
}
#ad-bottom .container:hover img {border-color:#FF5DC2;}
#top-ribbon {
  position:absolute;
  top:29px;
  right:1%;
  z-index:10;
  width:108px;
  height:255px;
  background-color:#333;
  color:#999;
  -webkit-box-shadow:0 5px 7px rgba(0,0,0,.7);
  -moz-box-shadow:0 5px 7px rgba(0,0,0,.7);
  box-shadow:0 5px 7px rgba(0,0,0,.7);
  -webkit-border-radius:0 0 5px 5px;
  -moz-border-radius:0 0 5px 5px;
  border-radius:0 0 5px 5px;
  -webkit-transition:right .15s linear;
  -moz-transition:right .15s linear;
  -ms-transition:right .15s linear;
  -o-transition:right .15s linear;
  transition:right .15s linear;
  border:1px solid;
  border-color:#444 #222 #222 #444;
  padding:10px;
}
#top-ribbon:after {
  content:"";
  display:block;
  width:0;
  height:0;
  position:absolute;
  top:100%;
  left:20px;
  border:15px solid transparent;
  border-top-color:#333;
}
#top-ribbon .img-container {
  width:82px;
  border:3px double #3c3c3c;
  -webkit-box-shadow:inset 0 0 2px rgba(0,0,0,.4);
  -moz-box-shadow:inset 0 0 2px rgba(0,0,0,.4);
  box-shadow:inset 0 0 2px rgba(0,0,0,.4);
  margin:0 0 10px auto;
  padding:10px;
}
#top-ribbon .img-container img {
  display:block;
  padding:0;
}
#level {
  width:108px;
  display:block;
  margin:0 0 0 auto;
}
#level li {
  display:block;
  margin:0 0 2px;
  list-style:none;
}
#level li a {
  display:block;
  background-color:#3c3c3c;
  color:#ccc;
  font:normal normal 8px/normal Arial,Sans-Serif;
  text-transform:uppercase;
  position:relative;
  -webkit-transition:all .26s ease-out;
  -moz-transition:all .26s ease-out;
  -ms-transition:all .26s ease-out;
  -o-transition:all .26s ease-out;
  transition:all .26s ease-out;
  padding:6px 10px;
}
#level li a:before {
  content:"";
  display:block;
  width:0;
  height:0;
  position:absolute;
  top:0;
  right:0;
  border:11px solid transparent;
  border-right-color:#333;
}
#level li a:hover,#level li a:focus {
  -webkit-transition-duration:0s;
  -moz-transition-duration:0s;
  -ms-transition-duration:0s;
  -o-transition-duration:0s;
  transition-duration:0s;
  color:white;
  text-decoration:none;
  padding:6px 0 6px 15px;
}
#level li.l-1 a:hover,#level li.l-1 a:focus {background-color:#DC98FF;}
#level li.l-2 a:hover,#level li.l-2 a:focus {background-color:#FF5DC2;}
#level li.l-3 a:hover,#level li.l-3 a:focus {background-color:#0186CB;}
#level li.l-4 a:hover,#level li.l-4 a:focus {background-color:#0251C9;}
[data-tag="Dasar"] #level li.l-1,[data-tag="Menengah"] #level li.l-2,[data-tag="Tingkat Lanjut"] #level li.l-3,[data-tag="Eksperimen"] #level li.l-4,#level li.current a {border-left:2px solid #39f;}
.menuku {
  position:absolute;
  top:65px;
  right:17.5%;
  font:normal 12px Arial;
  line-height:normal;
  color:#999;
  width:210px;
  text-transform:none;
  text-decoration:none;
  margin:0 auto;
  padding:0 auto;
}
.menuku ul {
  margin:0;
  padding:0;
}
.menuku li {
  list-style:none;
  color:#999;
  float:left;
  display:inline;
  position:relative;
  margin:0;
  padding:0;
}
.menuku li a {
  background:url('http://3.bp.blogspot.com/-C7cjkp-xQeE/UPktW40dq8I/AAAAAAAAJfQ/Brd4yRErBYA/s1600/mnubg.png') repeat-x top;
  display:block;
  text-decoration:none;
  font-weight:700;
  color:#999;
  text-shadow:1px 1px 2px #111;
  outline:none;
  margin:0 2px;
  padding:5px 13px;
  border:1px solid #111;
}
.menuku li a:hover {
  background:#333;
  color:#999;
  -moz-box-shadow:inset 2px 2px 2px #151515;
  -webkit-box-shadow:inset 2px 2px 2px #151515;
  box-shadow:inset 2px 2px 2px #151515;
}

#subscribe-form {
  width:210px;
  padding:0 0 7px;
  background-color:#5d73b5;
  -webkit-border-radius:3px;
  -moz-border-radius:3px;
  border-radius:3px;
  position:absolute;
  top:10px;
  left:10px;
  display:none;
}
#subscribe-form input.email-input {
  width:173px;
  margin:10px 0 7px 10px;
  padding:7px;
  font-size:86%;
}
#subscribe-form input.email-submit {
  width:auto;
  margin:0 0 0 10px;
  padding:4px 8px;
  border:0;
  text-shadow:none;
  background-color:#405289;
  background-image:none;
  -webkit-border-radius:3px;
  -moz-border-radius:3px;
  border-radius:3px;
  -webkit-box-shadow:none;
  -moz-box-shadow:none;
  box-shadow:none;
}
#subscribe-form input.email-submit:hover,#subscribe-form input.email-submit:focus {
  background-color:#2e3e6a;
  background-image:none;
}
a.close-form,a.close-form:hover,a.close-form:focus {
  float:right;
  margin:0 8px 1px 0;
  color:white;
  font-family:Tahoma,Verdana,Arial,Sans-Serif;
  font-size:110%;
  line-height:100%;
  text-decoration:none;
}
a.close-form:hover,a.close-form:focus {color:#ccc;}
#HTML5 .widget-content {text-align:center;}
#HTML5 img {
  display:inline;
  background-color:black;
  padding:4px;
  border:none;
  opacity:.7;
}
#HTML5 img:hover {opacity:1;}
.widget.Label .label-count {
  position:fixed !important;
  position:absolute;
  background-color:black;
  color:white;
  font-size:150%;
  font-weight:bold;
  top:0;
  right:35px;
  margin-top:200px;
  opacity:.7;
  -webkit-border-radius:10px;
  -moz-border-radius:10px;
  border-radius:10px;
  padding:.5em 1.4em .3em;
  display:none;
}
.widget.PopularPosts .widget-content {
  font-size:96%;
  line-height:normal;
}
.widget.PopularPosts li {padding:.5em 0 .8em;}
.widget.PopularPosts .item-title a {
  display:block;
  font-weight:bold;
  margin:0 0 .2em;
}
.widget.PopularPosts img {
  padding:0;
  margin:5px 10px 0 0;
  border:0;
  background-color:#111;
  float:left;
}
.widget.PopularPosts a.more-link,.widget.PopularPosts a.more-link:hover,.widget.PopularPosts a.more-link:focus {
  display:block;
  float:right;
  color:#333;
  background-color:#999;
  line-height:100%;
  margin:1em 0 0;
  padding:2px 6px 4px 5px;
  font-size:10px;
  font-style:italic;
  text-decoration:none;
  text-shadow:none;
  -webkit-border-radius:2px;
  -moz-border-radius:2px;
  border-radius:2px;
}
.widget.PopularPosts a.more-link:hover,.widget.PopularPosts a.more-link:focus {background-color:white;}
.widget.BlogArchive {text-align:left;}
.widget.BlogArchive ul,.widget.BlogArchive li,.widget.BlogArchive ul ul,.widget.BlogArchive li li {
  font-weight:bold;
  margin:0;
  padding:0;
  border:none;
  list-style:none;
}
.widget.BlogArchive a.post-count-link,.widget.BlogArchive a.post-count-link:link,.widget.BlogArchive a.post-count-link:visited,.widget.BlogArchive a.toggle,.widget.BlogArchive a.toggle:link,.widget.BlogArchive a.toggle:visited,.widget.BlogArchive a.toggle:hover {text-decoration:none;}
.widget.BlogArchive .toggle {
  cursor:pointer;
  font-family:Arial,Sans-Serif;
  line-height:100%;
}
.widget.BlogArchive ul li {
  margin:2px 0;
  padding:.2em .2em 0;
  background-color:#232323;
}
.widget.BlogArchive li li {
  padding:0 0 0 1.4em;
  margin:0;
  font-size:96%;
  font-weight:normal;
}
.widget.BlogArchive ul ul:last-child {padding:0 0 .3em;}
.widget.BlogArchive .collapsed ul {display:none;}
#about {
  width:90%;
  margin:1em auto;
  padding:1em;
  text-align:left;
  border:3px double #3c3c3c;
  position:relative;
  -webkit-box-shadow:0 0 2px rgba(0,0,0,.6);
  -moz-box-shadow:0 0 2px rgba(0,0,0,.6);
  box-shadow:0 0 2px rgba(0,0,0,.6);
  display:none;
}
#about p {margin:0 0 1.2em;}
#about h2,#blog_list h2 {
  background-color:#3c3c3c;
  font:normal normal 120%/2em Alike,Georgia,"URW Bookman L",Serif;
  text-transform:uppercase;
  position:relative;
  margin:0 0 1.2em;
  padding:0 .8em;
  color:white;
}
#tab-hidden h3 {
  background-color:#3c3c3c;
  font:normal normal 120%/2em Alike,Georgia,"URW Bookman L",Serif;
  text-transform:uppercase;
  letter-spacing:0;
  position:relative;
  margin:0 0 1.2em;
  padding:0 .8em;
  color:white;
}
#about .col a {color:#5687b8;}
#about .sidebar a:hover,#about .sidebar a:focus {text-decoration:underline;}
#about .col {
  width:56%;
  height:570px;
  display:inline;
  color:#ccc;
  overflow:auto;
  margin:0 1%;
}
#about .col.float-left {
  margin-right:0;
  padding-right:20px;
  border-right:7px solid #3582d0;
}
#about .col.float-right {
  width:36%;
  margin-left:0;
}
#about .drop-cap {
  font:normal normal 22px/normal Alike,Georgia,"URW Bookman L",Serif;
  color:white;
  text-align:center;
  width:30px;
  height:auto;
  background-color:#3c3c3c;
  position:relative;
  margin:2px 10px 2px 0;
  padding:10px 0 30px;
}
#about .drop-cap:after {
  content:"";
  display:block;
  width:0;
  height:0;
  border:15px solid transparent;
  border-bottom-color:#333;
  position:absolute;
  bottom:0;
  left:0;
}
#hide-about,#hide-about:hover,#hide-about:focus,#hide-sidebar,#hide-sidebar:hover,#hide-sidebar:focus,#hide-blog_list,#hide-blog_list:hover,#hide-blog_list:focus {
  cursor:pointer;
  position:absolute;
  top:6px;
  right:6px;
  background:none;
  font:normal bold 13px/14px Georgia,"URW Bookman L",Serif;
  color:white;
  text-decoration:none;
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
  border-radius:5px;
  padding:2px 6px 4px;
}
#hide-about:hover,#hide-about:focus,#hide-sidebar:hover,#hide-sidebar:focus,#hide-blog_list:hover,#hide-blog_list:focus {
  background-color:white;
  color:black;
}

.addthis_toolbox {
  clear:both;
  width:90%;
  height:20px;
  margin:0 0 2px 1%;
  position:relative;
}
.addthis-tooltip {
  display:block;
  width:150px;
  padding:10px 15px;
  position:absolute;
  bottom:100%;
  left:30px;
  z-index:77;
  margin-bottom:40px;
  background-color:black;
  color:white;
  font-size:96%;
  text-align:center;
  white-space:nowrap;
  -webkit-box-shadow:0 1px 2px rgba(0,0,0,.4);
  -moz-box-shadow:0 1px 2px rgba(0,0,0,.4);
  box-shadow:0 1px 2px rgba(0,0,0,.4);
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
  border-radius:5px;
  opacity:0;
  visibility:hidden;
  -webkit-transition:all .26s ease-out;
  -moz-transition:all .26s ease-out;
  -ms-transition:all .26s ease-out;
  -o-transition:all .26s ease-out;
  transition:all .26s ease-out;
}
.addthis-tooltip:before {
  content:"";
  display:block;
  width:0;
  height:0;
  border:7px solid transparent;
  border-top-color:black;
  position:absolute;
  top:100%;
  left:10px;
}
.addthis_toolbox .addthis_inner:hover .addthis-tooltip {
  visibility:visible;
  opacity:1;
  margin-bottom:25px;
}
#checker-box {
  position:fixed !important;
  position:absolute;
  bottom:0;
  right:20px;
  border:2px solid #888;
  border-bottom-width:0;
  background-color:#B2B2B2;
  font-size:120%;
  font-weight:normal;
  text-transform:none;
  color:#333;
  z-index:80;
  padding:2px 1.5% 2px 2px;
}
#ckecker-box input {margin-bottom:.4em;}
#checker-box label {
  position:relative;
  top:-2px;
}
#toggle-code-view {
  margin:.4em;
  top:0;
}
.toolpik {
  position:fixed !important;
  position:absolute;
  top:40px;
  left:20px;
  z-index:1000;
  background-color:#F7FFAD;
  border:2px solid white;
  -webkit-box-shadow:0 1px 2px rgba(0,0,0,.7);
  -moz-box-shadow:0 1px 2px rgba(0,0,0,.7);
  box-shadow:0 1px 2px rgba(0,0,0,.7);
  -webkit-border-radius:7px;
  -moz-border-radius:7px;
  border-radius:7px;
  width:300px;
  height:auto;
  font:normal normal 12px Alike,Cambria,Times,Serif;
  letter-spacing:0;
  text-transform:none;
  color:#222;
  text-align:left;
  padding:15px;
  display:none;
}
.toolpik:after {
  content:"";
  display:table;
  clear:both;
}
.toolpik h2 {
  font-size:18px;
  margin:0 0 10px;
}
.toolpik p {margin:10px 0;}
.toolpik a {
  color:#E30374;
  border-bottom:1px dotted #ddd;
}
.tt-search {
  display:none;
  border:1px solid #bbb;
  background-color:white;
  padding:5px 7px;
  position:absolute;
  z-index:99999;
  text-align:left;
  margin:30px 0 0 50px;
}
.tt-search .anchor {
  font-size:90%;
  font-family:Arial,Sans-Serif;
  line-height:normal;
  display:block;
  color:#4A87B8;
  cursor:pointer;
}
.tt-search .anchor:hover {text-decoration:underline;}
.recent-comments {
  border:2px solid #2c4688;
  margin:0 0 10px;
}
.recent-comments ul,.recent-comments li {
  text-align:left;
  margin:0;
  padding:0;
  list-style:none;
  font-size:86%;
  line-height:normal;
  color:#ccc;
}
.recent-comments li {
  padding:5px 10px;
  background-color:#4861a3;
  border-bottom:1px solid #374f8a;
  position:relative;
  overflow:hidden;
}
.recent-comments li:hover,.recent-comments li:first-child {background-color:#33519d;}
.recent-comments a {color:white;}
.recent-comments a {color:white;}
.post:not([data-author]) {display:none;}
.no-js .recent-comments {display:none;}
.no-js #cm_block,.no-js #about:target {
  visibility:visible;
  display:block;
}
.no-js div:target .cm_entry,.comments .selected .cm_entry {border:2px solid yellow;}
.no-js div:target .avatar-image-container,.comments .selected .avatar-image-container {
  border:5px solid yellow;
  padding:0;
}
.hibernate-mode #comment-editor {display:none;}
.hibernate-mode .cm_head a {background-color:#555;}
.hibernate-mode .cm_entry .author-mark {border-color:transparent #3c3c3c #3c3c3c transparent;}
.comments .hibernate-mode a {color:#999;}
.hibernate-mode .cm_entry img {opacity:.4;}
.hibernate-mode .recent-comments {border:2px solid #111;}
.hibernate-mode .recent-comments li {
  background-color:#444;
  border-bottom-color:#333;
}
.hibernate-mode .recent-comments li:first-child,.hibernate-mode .recent-comments li:hover {background-color:#3c3c3c;}
.hibernate-mode .avatar-image-container.admin-avatar {background:none;}
.hiber_avatar {
  margin:0 0 3px;
  border:1px solid #3c3c3c;
  padding:4px;
  width:45px;
  height:45px;
  max-width:100%;
  max-height:100%;
  float:none;
  -webkit-box-shadow:0 1px 2px black;
  -moz-box-shadow:0 1px 2px black;
  box-shadow:0 1px 2px black;
  background-color:#666;
  -webkit-background-clip:content-box;
  -moz-background-clip:content-box;
  background-clip:content-box;
  -webkit-transition:all .5s ease-out;
  -moz-transition:all .5s ease-out;
  -ms-transition:all .5s ease-out;
  -o-transition:all .5s ease-out;
  transition:all .5s ease-out;
}
.hiber_info {
  margin:-58px 0 0 58px;
  padding:1.26em;
  border:1px solid #3c3c3c;
  background-color:#333;
  -webkit-box-shadow:0 1px 2px black;
  -moz-box-shadow:0 1px 2px black;
  box-shadow:0 1px 2px black;
  overflow:hidden;
  position:relative;
  -webkit-transition:all 1s ease-out;
  -moz-transition:all 1s ease-out;
  -ms-transition:all 1s ease-out;
  -o-transition:all 1s ease-out;
  transition:all 1s ease-out;
}
#kotak-pesan {
  position:fixed !important;
  position:absolute;
  top:-1000px;
  left:50px;
  margin:0 0 0 0;
  width:auto;
  height:auto;
  background-color:#174A87;
  border:10px solid #0A2E58;
  color:white;
  padding:0;
  -webkit-box-shadow:0 0 2px 1px black,0 0 10px black;
  -moz-box-shadow:0 0 2px 1px black,0 0 10px black;
  box-shadow:0 0 2px 1px black,0 0 10px black;
  -webkit-border-radius:4px;
  -moz-border-radius:4px;
  border-radius:4px;
  z-index:1000;
}
#kotak-pesan *:focus {outline:none;}
#kotak-pesan .isi-dialog {
  height:auto;
  margin:15px;
  font:normal 12px Arial,Sans-Serif;
}
#kotak-pesan .close {
  position:absolute;
  top:-15px;
  right:-15px;
  background:#174A87;
  font:bold 16px Arial,Sans-Serif;
  text-decoration:none;
  line-height:22px;
  width:22px;
  text-align:center;
  color:#fff;
  border:4px solid #0A2E58;
  -webkit-box-shadow:0 0 2px 1px black,0 0 10px black;
  -moz-box-shadow:0 0 2px 1px black,0 0 10px black;
  box-shadow:0 0 2px 1px black,0 0 10px black;
  -webkit-border-radius:22px;
  -moz-border-radius:22px;
  border-radius:22px;
  cursor:pointer;
}
#kotak-pesan .close:hover {color:yellow;}
#dialog-overlay {
  position:fixed !important;
  position:absolute;
  z-index:999;
  top:0;
  right:0;
  bottom:0;
  left:0;
  background-color:#111;
  display:none;
}
.histat {
  width:120px;
  height:auto;
  padding:3px;
  margin-bottom:10px;
  text-align:center;
  border:1px solid #bbb;
  -webkit-box-shadow:0 1px 4px black;
  -moz-box-shadow:0 1px 4px black;
  box-shadow:0 1px 4px black;
}
.amung {
  width:126px;
  height:auto;
  padding-top:27px;
  padding-bottom:26px;
  margin-top:10px;
  text-align:center;
  border:1px solid #bbb;
  -webkit-box-shadow:0 1px 4px black;
  -moz-box-shadow:0 1px 4px black;
  box-shadow:0 1px 4px black;
}
#form-farse {
  position:fixed !important;
  position:absolute;
  top:40px;
  left:-450px;
  margin:0 0 0 0;
  width:auto;
  height:auto;
  background-color:#222;
  border:10px solid #333;
  color:white;
  padding:0;
  -webkit-box-shadow:0 0 2px 1px black,0 0 10px black;
  -moz-box-shadow:0 0 2px 1px black,0 0 10px black;
  box-shadow:0 0 2px 1px black,0 0 10px black;
  -webkit-border-radius:4px;
  -moz-border-radius:4px;
  border-radius:4px;
  z-index:1000;
}
#form-farse .close-farse {
  position:absolute;
  top:-15px;
  right:-15px;
  background:#222;
  font:bold 16px Arial,Sans-Serif;
  text-decoration:none;
  line-height:22px;
  width:22px;
  text-align:center;
  color:#fff;
  border:4px solid #333;
  -webkit-box-shadow:0 0 2px 1px black,0 0 10px black;
  -moz-box-shadow:0 0 2px 1px black,0 0 10px black;
  box-shadow:0 0 2px 1px black,0 0 10px black;
  -webkit-border-radius:22px;
  -moz-border-radius:22px;
  border-radius:22px;
  cursor:pointer;
}
#error-page {
  background-color:#ccc;
  position:fixed !important;
  position:absolute;
  top:0;
  right:0;
  bottom:0;
  left:0;
}
#error-page img {
  position:absolute;
  top:38%;
  left:50%;
  margin:-110px auto auto -110px;
}
#error-page h1 {
  background-color:#FFFAC1;
  padding:1.8em 2em;
  font-family:Georgia,Serif;
  text-transform:uppercase;
  line-height:1.42;
  color:#222;
  position:absolute;
  text-shadow:none;
  top:63%;
  left:23%;
}
#error-page h1:before {
  content:"";
  width:100%;
  height:4px;
  background-color:#4b8db5;
  background-image:-webkit-linear-gradient(left,#f3a01e,#D05D2A,#9dc425,#4b8db5,#7c48b5);
  background-image:-moz-linear-gradient(left,#f3a01e,#D05D2A,#9dc425,#4b8db5,#7c48b5);
  background-image:-ms-linear-gradient(left,#f3a01e,#D05D2A,#9dc425,#4b8db5,#7c48b5);
  background-image:-o-linear-gradient(left,#f3a01e,#D05D2A,#9dc425,#4b8db5,#7c48b5);
  background-image:linear-gradient(left,#f3a01e,#D05D2A,#9dc425,#4b8db5,#7c48b5);
  position:absolute;
  top:0;
  right:0;
  left:0;
}